﻿
$(document).ready(main);


function main() {

    $("#registro").show();
    $("#registrar").click(mostrarFormRegistro);
    $("#botonRegistro").click(registrarGasto);
    $("#busqueda").show();
    $("#modificar").click(mostrarFormBusqueda);
    $("#eliminar").click(mostrarFormBusqueda);
    $("#botonBuscar").click(buscarGasto);
    $("#botonCancelar").click(menuGasto);

}

function menuGasto() {
    window.history.back();
}


function mostrarTabla(){
   
}


function mostrarFormRegistro() {
    $("#registro").show("slow");;
}

function mostrarFormBusqueda() {
    $("#busqueda").show("slow");
    $("#registro").hide();
}


function registrarGasto() {
    //alert("xd");
    var enviarsela = {
        Edificio: $("#Edificio").attr("value"),
        Tipo: $("#Tipo").attr("value"),
        Documento: $("#Documento").attr("value"),
        Proveedor: $("#Proveedor").attr("value"),
        Numero: $("#Numero").attr("value"),
        Moneda: $("#Moneda").atrr("value"),
        Monto: $("#Monto").attr("value")
    }
    //alert($("#RUC").attr("value"));
    //alert($("#RazonSocial").attr("value"));
    console.log(enviarsela);
    //alert();
    var jsonData = JSON.stringify(enviarsela);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "registrarGasto",
        beforeSend: esperarRegitro,
        success: llegadaRegistro
//        error: function(xhr, status, error) {
//            alert("An AJAX error occured: " + status + "\nError: " + error);
//        }
    });
}

function errorJS(data) {
    alert("Error");
}


function esperarRegitro() {

}

function llegadaRegistro(data) {
    window.history.back();
    alert(data.me);
}

function buscarGasto() {

    var enviar = {
        Edificio: $("#Edificio").attr("value"),
        Tipo: $("#Tipo").attr("value"),
        Documento: $("#Documento").attr("value"),
        Proveedor: $("#Proveedor").attr("value"),
        Numero: $("#Numero").attr("value"),
        Moneda: $("#Moneda").atrr("value"),
        Monto: $("#Monto").attr("value")
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarGasto",
        beforeSend: esperarLista(),
        success: llegadaLista
    });
}

function esperarLista() { 

}
function llegadaLista(data) {
    console.log(data);
    //alert(data);

    var lista = data.listaGasto;


    var escritor = "";

    //dentro de la variable escritor vamos a meter todo lo que queremos mostrar en nuestro view

    escritor += "<table><thead><tr><th>Edificio</th><th>Tipo</th><th>Tipo de Documento</th><th>Proveedor</th><th>N° Documento</th><th>Moneda</th><th>Monto</th></tr></thead>";
    //aca y al final crea los <thead> y <tbody> que no recuerdo muy bien como era, forealo

    //no te olvides de por aca cerrar el <thead>

    escritor += "<tbody>";

    $.each(lista, function (i, item) {
        //entonces recorremos la lista y vamos creando <td> pa cada uno

        //lista[i] es lo mismo que item

        escritor += "<tr>";

        //averiguate como era la estructura de la tabla
        escritor += '<td>' + item.Edificio + '</td>';
        escritor += '<td>' + item.Tipo + '</td>';
        escritor += '<td>' + item.Documento + '</td>';
        escritor += '<td>' + item.Proveedor + '</td>';
        escritor += '<td>' + item.Numero + '</td>';
        escritor += '<td>' + item.Moneda + '</td>';
        escritor += '<td>' + item.Monto + '</td>';
        escritor += "</tr>";
    });
    
    //has el cierre del <tbody>

    escritor += "</toby>";

    //hay qu probar pa ver que imprime, va a salir hasta el webo porque el formato de la tabla esta mal

    escritor += "</table>";

    $("#tablaDinamica").html(escritor);

    //de esta forma en el div "tabladinamica" se va a imprimir lo que tengamos en "escritor"
    //captaste? Si, ya cache ya xD!

    //chvr, lo ultimo te enseño como recorrer la lista en js


    //tmr, sale hasta el webo, estak ahi abajo
    //arreglalo ps O:KDook yo lo hago pancho gracias =) 
    //chvr, cuando acabes intentamos hacer el eliminar ps
    //voy a avanzar la weada de aca que no he hecho ni mierdo poyr vr el partido xDYayaya xD! okok pancho no hay problema
    //(Y) bye Ñ)
}












/*$(function otracosa() {
    var name = $("#name"),
            email = $("#email"),
            password = $("#password"),
            allFields = $([]).add(name).add(email).add(password),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    function checkLength(o, n, min, max) {
        if (o.val().length > max || o.val().length < min) {
            o.addClass("ui-state-error");
            updateTips("Length of " + n + " must be between " +
                    min + " and " + max + ".");
            return false;
        } else {
            return true;
        }
    }

    function checkRegexp(o, regexp, n) {
        if (!(regexp.test(o.val()))) {
            o.addClass("ui-state-error");
            updateTips(n);
            return false;
        } else {
            return true;
        }
    }

    $("#dialog-form").dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Create an account": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");

                bValid = bValid && checkLength(name, "username", 3, 16);
                bValid = bValid && checkLength(email, "email", 6, 80);
                bValid = bValid && checkLength(password, "password", 5, 16);

                bValid = bValid && checkRegexp(name, /^[a-z]([0-9a-z_])+$/i, "Username may consist of a-z, 0-9, underscores, begin with a letter.");
                // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
                bValid = bValid && checkRegexp(email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg. ui@jquery.com");
                bValid = bValid && checkRegexp(password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9");

                if (bValid) {
                    $("#users tbody").append("<tr>" +
                            "<td>" + name.val() + "</td>" +
                            "<td>" + email.val() + "</td>" +
                            "<td>" + password.val() + "</td>" +
                        "</tr>");
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });
    */
  

//});


